<div class = "backdrop" id="backdropMix2" onclick="close_box('backdropMix', 'boxMix')"></div>
<div class="box" id="boxMix2">
	<div class ="close" onclick="close_box('backdropMix', 'boxMix')">x</div>
	   <ul class="nav nav-tabs">
            <li class="active"><a href="#lettuces" data-toggle="tab">Lettuces</a></li>
            <li><a href="#toppings" data-toggle="tab">Toppings</a></li>
            <li><a href="#proteins" data-toggle="tab">Proteins</a></li>
            <li><a href="#dressings" data-toggle="tab">Dressings</a></li>
          </ul>
    <div class="tab-content">
        <div id="lettuces" class="tab-pane active">
      	
        </div>
        <div id="toppings" class="tab-pane">
        	Select your Toppings
        </div>
        <div id="proteins" class="tab-pane">
        	Select your Protein
        </div>
        <div id="dressings" class="tab-pane">
        	Select you Dressings
        </div>
    </div>        
	<form action="/saladController/createSalad" method="post" class="form-inline">
		<input class="btn btn-primary" type="submit" value="Create Salad" />
		<a class="btn btn-primary" onclick="close_box('backdropMix', 'boxMix')">Cancel </a>			
	</form>	
</div>
